<div  style="background-image: url('{$footer_bg}');background-size: cover;">
    <div class="foot_bg">
        <div class="content foot_content clear">
            <div class="foot_left">
                <a class="foot_logo" href="/">
                    <div><img alt="{$site_name}" src="{$logo}"></div>
                    {$site_name}
                </a>
                <div class="foot_txt"> TEL: {$office_tel}
                    <br> MOBILE：{$factory_tel}
                    <br> E-MAIL: {$office_email}
                    <br> ADDRESS: {$office_addr}
                    <br> WEBSITE：<a href="http://{$domain}">{$domain}</a>
                </div>
            </div>
            <div class="foot_nav pc">
                <ul>
                    {volist name='lanmu' id='vo'}

                    {if condition="$vo.keyword=='products'"}
                    <li><h1><a href="">{$vo.title}</a><img src="/static/image/arrow.png" alt=""></h1>
                        <ul>
                            {volist name='category' id='v'}
                            <li><a href="{:url('index/products',['pid'=>$vo.id])}">{$v.name}</a></li>
                            {/volist}
                        </ul>
                    </li>
                    {elseif condition="$vo.keyword=='application'"}
                    <li><h1><a href="{:url('index/application')}">{$vo.title}</a><img src="/static/image/arrow.png" alt=""></h1>
                        <ul>
                            {volist name='app_left' id='v'}
                            <li><a href="{:url('index/application_show',['appid'=>$vo.id])}">{$v.title}</a></li>
                            {/volist}
                        </ul>
                    </li>
                    {elseif condition="$vo.keyword=='service'"}
                    <li><h1><a href="">{$vo.title}</a><img src="/static/image/arrow.png" alt=""></h1>
                        <ul>
                            {volist name='service_left' id='v'}
                            <li><a href="{:url('index/service',['sid'=>$v.id])}">{$v.title}</a></li>
                            {/volist}
                        </ul>
                    </li>
                    {/if}
                    {/volist}
                </ul>
            </div>
            <div class="contact_code">
                <div class="cc_tit">STAY CONNECTED</div>
                <div class="cc_list">
                    <div class="cc_item">
                        <img src="{$app_code}" alt="">
                        <p>WHATSAPP</p>
                    </div>
                    <div class="cc_item">
                        <img src="{$wechat_code}" alt="">
                        <p>WECHAT</p>
                    </div>
                </div>
                <div class="cc_link_box">
                    <div class="cc_link">
                        <a href="{$contact_icon_1_link}" class="cc_link_item">
                            <img src="{$contact_icon_1}" alt="">
                        </a>
                        <a href="{$contact_icon_2_link}" class="cc_link_item">
                            <img src="{$contact_icon_2}" alt="">
                        </a>
                        <a href="{$contact_icon_3_link}" class="cc_link_item">
                            <img src="{$contact_icon_3}" alt="">
                        </a>
                        <a href="{$contact_icon_4_link}" class="cc_link_item">
                            <img src="{$contact_icon_4}" alt="">
                        </a>
                        <a href="{$contact_icon_5_link}" class="cc_link_item">
                            <img src="{$contact_icon_5}" alt="">
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="copyright">{$copyright} <a
                href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">{$beian}</a></div>
    </div>
</div>